.b_people-grid
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0px 43px 60px 43px;
	align-items: center;
	gap: 50px;
	position: relative;

	h2, .h2
	{
		font-family: Jost;
		font-size: 48px;
		font-weight: 400;
		font-style: normal;
		color: #FFF;
		line-height: 52px /* 108% */;
		text-align: center;
	}

	h3, .h3
	{
		font-family: Jost;
		font-size: 30px;
		font-weight: 400;
		font-style: normal;
		color: #FFF;
		line-height: 34px /* 113% */;
		text-align: center;
	}

	h4, .h4
	{
		font-family: Jost;
		font-size: 22px;
		font-weight: 400;
		font-style: normal;
		color: #C8E094;
		line-height: 26px /* 118% */;
		text-align: center;
	}

	p, .p
	{
		font-family: "Instrument Sans";
		font-size: 18px;
		font-weight: 500;
		font-style: normal;
		color: #FFF;
		line-height: 28px /* 156% */;
		letter-spacing: 0.02em;
	}

	.shared-set-clear-people
	{
		display: flex;
		align-items: center;

		.shape-slice-13-20-20-5
		{
			border-image-source: url("/wp-content/acftb-content/acftb-blocks/People Grid/images/shape-4.svg");
			border-image-slice: 13 20 20 5 fill;
			border-image-width: 13px 20px 20px 5px;
			border-image-repeat: stretch;
			min-width: 25px;
			min-height: 33px;
			position: absolute;
			width: calc(100% - 2px);
			height: calc(100% - 0px);
			left: 0;
			top: 0;
			order: 0;
		}

		.content-5
		{
			display: flex;
			height: 50px;
			padding: 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 8px;
			position: relative;
			flex: 0 0 auto;
			order: 1;
		}

		span.text-navigation
		{
			color: #FFF;
			font-family: "Instrument Sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		.icon-team-7
		{
			height: 14.865px;
			position: relative;
			flex: 0 0 26px;
			object-fit: contain;
			order: 1;
		}

		&:hover
		{
			filter: drop-shadow(0 4px 0 rgba(199, 199, 198, 1));
		}

		&:hover .shape-slice-13-20-20-5
		{
			border-image-source: url("/wp-content/acftb-content/acftb-blocks/People Grid/images/shape-7.svg");
			width: calc(100% - 0px);
		}

		&:hover .text-navigation
		{
			color: #000;
		}

		&:hover .vector-29
		{
			display: none;
		}

		&:hover .union-5
		{
			display: none;
		}
	}

	.shared-comp-icon-team
	{

		.union-6
		{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 26px;
			height: 14.865px;
			object-fit: contain;
			order: 0;
		}

		.vector-36
		{
			order: 0;
		}

		.vector-37
		{
			order: 1;
		}

		.vector-38
		{
			order: 2;
		}

		.vector-39
		{
			order: 3;
		}

		.vector-40
		{
			order: 4;
		}

		.vector-41
		{
			order: 5;
		}
	}

	h2.heading-2
	{
		align-self: stretch;
		order: 0;
	}

	.card-wrap
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.image
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		object-fit: cover;
		aspect-ratio: 304 / 185;
		order: 0;
	}

	.text-area
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.headlines
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h3.name
	{
		align-self: stretch;
		order: 0;
	}

	h4.title
	{
		align-self: stretch;
		order: 1;
	}

	.description
	{
		align-self: stretch;
		order: 1;
	}

	.cards-2
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 50px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.card-6
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.image-6
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		object-fit: cover;
		aspect-ratio: 304 / 185;
		order: 0;
	}

	.text-area-6
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.headlines-6
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h3.name-6
	{
		align-self: stretch;
		order: 0;
	}

	h4.title-6
	{
		align-self: stretch;
		order: 1;
	}

	.description-6
	{
		align-self: stretch;
		order: 1;
	}

	.card-7
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 523.203px;
		width: 100%;
		flex-shrink: 0;
		order: 1;
	}

	.image-7
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		flex-shrink: 0;
		object-fit: cover;
		aspect-ratio: 304 / 185;
		order: 0;
	}

	.text-area-7
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.headlines-7
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h3.name-7
	{
		align-self: stretch;
		order: 0;
	}

	h4.title-7
	{
		align-self: stretch;
		order: 1;
	}

	.description-7
	{
		align-self: stretch;
		order: 1;
	}

	.card-8
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 551.202px;
		width: 100%;
		flex-shrink: 0;
		order: 2;
	}

	.image-8
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		overflow: clip;
		object-fit: cover;
		aspect-ratio: 304 / 185;
		order: 0;
	}

	.text-area-8
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.headlines-8
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h3.name-8
	{
		align-self: stretch;
		order: 0;
	}

	h4.title-8
	{
		align-self: stretch;
		order: 1;
	}

	.description-8
	{
		align-self: stretch;
		order: 1;
	}

	.card-9
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 579.203px;
		width: 100%;
		flex-shrink: 0;
		order: 3;
	}

	.image-9
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		flex-shrink: 0;
		object-fit: cover;
		aspect-ratio: 304 / 185;
		order: 0;
	}

	.text-area-9
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.headlines-9
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h3.name-9
	{
		align-self: stretch;
		order: 0;
	}

	h4.title-9
	{
		align-self: stretch;
		order: 1;
	}

	.description-9
	{
		align-self: stretch;
		order: 1;
	}

	.card-10
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 523.203px;
		width: 100%;
		flex-shrink: 0;
		order: 4;
	}

	.image-10
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		flex-shrink: 0;
		object-fit: cover;
		aspect-ratio: 304 / 185;
		order: 0;
	}

	.text-area-10
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.headlines-10
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	h3.name-10
	{
		align-self: stretch;
		order: 0;
	}

	h4.title-10
	{
		align-self: stretch;
		order: 1;
	}

	.description-10
	{
		align-self: stretch;
		order: 1;
	}

	.clear-people-2
	{
		position: relative;
		flex: 0 0 auto;
		order: 2;

		.shape-slice-13-20-20-5
		{
			border-image-source: url("/wp-content/acftb-content/acftb-blocks/People Grid/images/shape-3.svg");
		}
	}

	@media (min-width: 1440px)
	{
		width: 100%;
		padding: 131px 168px;
		justify-content: center;
		gap: 60px;

		.card-wrap
		{
			justify-self: stretch;
			flex: initial;
			width: initial;
		}

		.image
		{
			aspect-ratio: 301 / 183;
		}

		.cards-2
		{
			display: grid;
			column-gap: 100px;
			row-gap: 100px;
			grid-template-rows: repeat(2,fit-content(100%));
			grid-template-columns: repeat(3,minmax(0,1fr));
			flex-direction: initial;
			align-items: initial;
		}

		.card-6
		{
			grid-row: 1 / span 1;
			grid-column: 1 / span 1;
			justify-self: stretch;
			flex: initial;
			width: initial;
		}

		.image-6
		{
			aspect-ratio: 301 / 183;
		}

		.card-7
		{
			grid-row: 1 / span 1;
			grid-column: 2 / span 1;
			justify-self: stretch;
			flex: initial;
			width: initial;
			flex-shrink: initial;
		}

		.image-7
		{
			aspect-ratio: 301 / 183;
			flex-shrink: initial;
		}

		.card-8
		{
			grid-row: 1 / span 1;
			grid-column: 3 / span 1;
			justify-self: stretch;
			flex: initial;
			width: initial;
			flex-shrink: initial;
		}

		.image-8
		{
			aspect-ratio: 301 / 183;
		}

		.card-9
		{
			grid-row: 2 / span 1;
			grid-column: 1 / span 1;
			justify-self: stretch;
			flex: initial;
			width: initial;
			flex-shrink: initial;
		}

		.image-9
		{
			aspect-ratio: 301 / 183;
			flex-shrink: initial;
		}

		.card-10
		{
			grid-row: 2 / span 1;
			grid-column: 2 / span 1;
			justify-self: stretch;
			flex: initial;
			width: initial;
			flex-shrink: initial;
		}

		.image-10
		{
			aspect-ratio: 301 / 183;
			flex-shrink: initial;
		}

		.shape-slice-13-20-20-5
		{
			border-image-source: url("/wp-content/acftb-content/acftb-blocks/People Grid/images/shape-4.svg");
		}
	}
}